<template>
    <div class="treeNodeItem">
        <div style="text-align: left;">
            {{item.name}}
        </div>
        <div class="childrenTreeNode">
            <template v-if="item.children">
                <treeItem v-for="(ite, ind) in item.children" :key="ind" :item="ite"></treeItem>
            </template>
        </div>
    </div>
</template>

<script>
export default {
    name: 'treeItem',
    props: {
        item: {
            type: Object
        }
    },
    data() {
        return {}
    },
}
</script>

<style>
.treeNodeItem {
    width: 100px;
}
    .childrenTreeNode {
        padding-left: 10px;
}
</style>